  <template>
        <footer class="site-footer">
      <div class="container">
        <div class="footer-service">
          <div class="row">
            <div class="col-md-3 servise-list">
              <i class="iconfont icon-icon6"></i>
              免费试用申请
            </div>
            <div class="col-md-3 servise-list">
              <i class="iconfont icon-wxbgongju"></i>
              预约维修服务
            </div>
            <div class="col-md-3 servise-list">
              <i class="iconfont icon-iconfontfuwushichang"></i>
              投诉与建议
            </div>
            <div class="col-md-3 servise-list">
              <i class="iconfont icon-wxbdingwei"></i>
              全国客户点
            </div>
          </div>
        </div>
        <div class="footer-links clearfix">
          <div class="row">
            <div class="col-md-9">
              <div class="row">

                <dl class="col-md-3">
                  <dt>关于我们</dt>
                  <dd>
                    <a href="#" target="_blank">企业简介</a>
                  </dd>
                  <dd>
                    <a href="#" target="_blank">专利墙</a>
                  </dd>
                  <dd>
                    <a href="#" target="_blank">客户案例</a>
                  </dd>
                </dl>
                <dl class="col-md-3">
                  <dt>技术支持</dt>
                  <dd>
                    <a href="#" target="_blank">⽀持热线</a>
                  </dd>
                  <dd>
                    <a href="#" target="_blank">技术咨询</a>
                  </dd>
                  <dd>
                    <a href="#" target="_blank">定制服务</a>
                  </dd>
                  <dd>
                    <a href="#" target="_blank">资料下载</a>
                  </dd>
                </dl>
                <dl class="col-md-3">
                  <dt>冷链验证</dt>
                  <dd>
                    <a href="#" target="_blank">验证分类</a>
                  </dd>
                  <dd>
                    <a href="#" target="_blank">验证标准流程</a>
                  </dd>
                  <dd>
                    <a href="#" target="_blank">验证平台</a>
                  </dd>
                </dl>
                <dl class="col-md-1-3">
                  <dt>最新动态</dt>
                  <dd>
                    <a href="#" target="_blank">企业新闻</a>
                  </dd>
                  <dd>
                    <a href="#" target="_blank">最新优惠信息</a>
                  </dd>
                </dl>
              </div>
            </div>
            <div class="col-md-3">
              <div class="contact">
                <p class="phone">400-928-1998</p>
                <p>
                  周一至周五 8:30-17:30<br>
                </p>
                <a rel="nofollow" class="btn btn-line-primary btn-small" href="" target="_blank" data-stat-id="c8bf266885258088" onclick="_msq.push(['trackEvent', '81190ccc4d52f577-c8bf266885258088', '//www.mi.com/service/contact/', 'pcpid', '']);">
                  <i class="iconfont icon-liuyan"></i>在线客服</a>
              </div>
            </div>

          </div>

        </div>

      </div>
      <div class="footer-copyright">
        <p>Copyright © 2018-2028 ONSOFT. 至上软件 版权所有 </p>
      </div>

    </footer>
  </template>
  <script>
export default {
  name: "SiteFooter",
  data() {
    return {};
  }
};
</script>
  <style lang="scss" scoped>
  .site-footer {
    position: absolute;
    width: 100%;
  color: #333;
  .footer-service {
    padding: 27px 0;
    border-bottom: 1px solid #e0e0e0;
    .servise-list {
      height: 25px;
      border-left: 1px solid #e0e0e0;
      font-size: 16px;
      line-height: 25px;
      text-align: center;
      .iconfont {
        font-size: 24px;
      }
    }
  }
  .footer-links {
    padding: 40px 0;
    color: #424242;
    a {
      color: #424242;
    }
    .col-md-1-3 {
      width: 25%;
      float: left;
    }
    .col-md-1-3:last-child {
      border-right: 1px solid #e0e0e0;
    }
    dt {
      margin: -1px 0 26px;
      font-size: 14px;
      line-height: 1.25;
      color: #424242;
    }
    dd {
      margin: 10px 0 0;
      font-size: 12px;
    }
    .contact {
      text-align: center;
      p {
        margin: 0 0 16px;
        font-size: 12px;
      }
      .phone {
        margin: 0 0 5px;
        font-size: 22px;
        line-height: 1;
        color: #ff6700;
      }
      .btn-line-primary {
        border-color: #ff6700;
        background: #fff;
        color: #ff6700;
        border-radius: 0;
        padding: 0;
      }
      .btn-small {
        width: 118px;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
      }
    }
  }
  .footer-copyright {
    background: #fafafa;
    p {
      text-align: center;
      padding: 30px 0;
    }
  }
}
  </style>
  
  
